<%@ page pageEncoding="UTF-8" %>
<%@ include file="common/global.jsp" %>
<head>
    <%@ include file="common/meta.jsp" %>
    <title><f:message key="common.title"/> - <f:message key="menu.components.validation"/></title>
    <%@ include file="common/css.jsp" %>

</head>

<body>

<div id="wrapper">


<%@ include file="common/topbar.jsp" %>
<%@ include file="common/header.jsp" %>


    <div id="masthead">

        <div class="container">

            <div class="masthead-pad">

                <div class="masthead-text">
                    <h2>Validation</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div> <!-- /.masthead-text -->

            </div>

        </div> <!-- /.container -->

    </div> <!-- /#masthead -->

    <div id="content">

        <div class="container">


            <div class="row">

                <div class="span12">

                    <form action="/" id="contact-form" class="form-horizontal" novalidate="novalidate">
                        <fieldset>
                            <div class="control-group">
                                <label class="control-label" for="name">Your Name</label>
                                <div class="controls">
                                    <input type="text" class="input-large" name="name" id="name">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="email">Email Address</label>
                                <div class="controls">
                                    <input type="text" class="input-large" name="email" id="email">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="subject">Subject</label>
                                <div class="controls">
                                    <input type="text" class="input-large" name="subject" id="subject">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="message">Your Message</label>
                                <div class="controls">
                                    <textarea class="span4" name="message" id="message" rows="4"></textarea>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label" for="validateSelect">Select list</label>
                                <div class="controls">
                                    <select id="validateSelect" name="validateSelect">
                                        <option value="">Select...</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Checkboxes</label>
                                <div class="controls">
                                    <label class="checkbox">
                                        <input type="checkbox" name="validateCheckbox" value="option1">
                                        Option one is this and that-be sure to include why it's great
                                    </label>
                                    <label class="checkbox">
                                        <input type="checkbox" name="validateCheckbox" value="option2">
                                        Option two can also be checked and included in form results
                                    </label>
                                    <label class="checkbox">
                                        <input type="checkbox" name="validateCheckbox" value="option3">
                                        Option three can-yes, you guessed it-also be checked and included in form results
                                    </label>
                                    <p class="help-block"><strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.</p>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Radio buttons</label>
                                <div class="controls">
                                    <label class="radio">
                                        <input type="radio" name="validateRadio" id="validateRadio1" value="option1">
                                        Option one is this and that-be sure to include why it's great
                                    </label>
                                    <label class="radio">
                                        <input type="radio" name="validateRadio" id="validateRadio2" value="option2">
                                        Option two can is something else and selecting it will deselect option one
                                    </label>
                                </div>
                            </div>

                            <div class="form-actions">
                                <button type="submit" class="btn btn-primary btn-large"><i class="icon-star"></i> Validate</button>
                                <button type="reset" class="btn btn-large">Cancel</button>
                            </div>
                        </fieldset>
                    </form>

                </div> <!-- /.span12 -->

            </div> <!-- /.row -->

        </div> <!-- /.container -->

    </div> <!-- /#content -->

</div> <!-- /#wrapper -->



<%@ include file="common/footer.jsp" %>
<%@ include file="common/js.jsp" %>
<script src="${BASE}/www/js/plugins/validate/jquery.validate.js"></script>
<script src="${BASE}/www/js/demos/demo.validation.js"></script>


<script>
    $(function () {
<<<<<<< HEAD

=======
>>>>>>> b1dc28e899685271f978f8a04df5d44ea8f0c286
        $("#nav2").addClass("active").sibling.removeClass("active");

    });

</script>

</body>
</html>